<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>题目管理</title>
    <!--  引入vue.js  因为Element UI 依赖vue -->
    <script src="../static/js/vue.js"></script>
    <script src="../static/js/axios.js"></script>
    <link rel="stylesheet" href="../static/elementui/theme-chalk/index.css"/>
    <link rel="stylesheet" href="../static/css/ques/01.css"/>
    <script src="../static/elementui/index.js"></script>
</head>
<body>

<div id="alice">

    题库名称

    <el-divider></el-divider>
    <el-button type="primary">新增题目</el-button>
    <el-button type="primary">批量导入</el-button>

    <div id="crazy_hat">

        <div class="div_out">
            <div class="span">
                 题目ID：
                <div class="div_inner">
                    <el-input v-model="" placeholder="请输入题目ID"></el-input>
                </div>
            </div>

            <div class="span">
                知识点：
                <div class="div_inner">
                    <el-input v-model="" id="knowPointBean" placeholder="请输入关键词"></el-input>
                </div>
            </div>


            <div class="span">
                <span class="star">*</span> 排序：
                <div class="div_inner">
                    <el-dropdown>
                       <span class="el-dropdown-link">
                         <i class="el-icon-arrow-down el-icon&#45;&#45;right">请选择内容</i>
                       </span>
                        <el-dropdown-menu slot="dropdown">
                            <el-dropdown-item>做题人数</el-dropdown-item>
                            <el-dropdown-item>正确率</el-dropdown-item>
                        </el-dropdown-menu>
                    </el-dropdown>

                </div>
            </div>

            <div class="span">
                <el-button type="primary" size="small">查询</el-button>
            </div>

            <div class="span">
                <el-button type="primary"  size="small">重置</el-button>
            </div>


            <template>
                <el-table
                        :data="ques"
                        style="width: 100%"
                        :row-class-name="tableRowClassName">
                    <el-table-column prop="id" label="题目ID" align="center" width="100">
                    </el-table-column>
                    <el-table-column prop="quesType" label="题型" align="center" width="100">
                    </el-table-column>
                    <el-table-column prop="quesContent" label="题干内容" align="center" width="150">
                    </el-table-column>
                   <!-- <el-table-column prop="image" label="图片" align="center" width="150">
                    </el-table-column>-->
                    <el-table-column prop="difficulty" label="难度" align="center" width="150">
                    </el-table-column>
                    <el-table-column prop="knowPointBean.knowpointNo" label="知识点" align="center" width="150">
                    </el-table-column>
                    <el-table-column prop="pointValue" label="分值" align="center" width="100">
                    </el-table-column>
                    <el-table-column prop="modTime" label="编辑时间" align="center" width="150">
                    </el-table-column>
                    <el-table-column prop="doneNums" label="已做次数" align="center" width="100">
                    </el-table-column>

                    <el-table-column prop="offline" label="正确率" align="center" width="100">
                    </el-table-column>

                    <el-table-column fixed="right" prop="manager" label="操作" align="center" width="150">
                        <template slot-scope="scope">
                            <el-button @click="handleClick(scope.row)" type="text" size="mini" >
                                操作
                            </el-button>
                            <el-button type="text" size="mini" >编辑</el-button>
                            <el-button @click="del" type="text"  size="small">删除</el-button>
                        </template>
                    </el-table-column>
                </el-table>
            </template>



        </div>

    </div>

</div>


<script src="../static/js/ques/01.js"></script>

</body>
</html>